<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>順發地產</title>
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="css/prettyPhoto.css" type="text/css" media="screen" title="prettyPhoto main stylesheet" charset="utf-8" />
<link href="css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href="css/sf_style.css" rel="stylesheet" type="text/css">
</head>

<body>
<!--top-->
<div class="top">
  <div class="container">
    <div class="logo"><img src="images/Logo.png" /></div>
    <div class="nav_top">
      <div  class="phone_nav"><span class="phone_title">委託租售</span> <i class="fa fa-angle-down phone_ico"></i></div>
      <ul>
        <li><a href="index.html">首頁</a></li>
        <li><a href="new_Property.html">最新樓盤</a></li>
        <li><a href="news.html">新聞動態</a></li>
        <li class="cur"><a href="rantal.html">委託租售</a></li>
        <li><a href="regulations.html">買賣須知</a></li>
        <li><a href="contact.html">聯繫我們</a></li>
      </ul>
        <div class="curBg"></div>
    </div>
  </div>
</div>
<!--top end-->
<div class="rantal">
  <div class="container">
    <div class="row">
      <div class="col-md-6 col-md-offset-3 btn_li col-xs-12"> <a href="rantal.html" class="rent_btn col-xs-6 col-md-3 col-md-offset-3">出租委託</a> <a href="sell.html" class="col-xs-6 sell_btn col-md-3">出售委託</a> </div>
    </div>
    <div class="row place clear">
      <div class="col-md-6">
        <label>街道 :</label>
        <input type="text">
      </div>
      <div class="col-md-6 col-xs-12">
        <div class="row">
          <div class="col-md-6 col-xs-6">
            <label>區域：</label>
            <div class="rantal_select">
              <p class="select_title"><span>請選擇</span><i class="fa fa-angle-down search_ico"></i></p>
              <input type="hidden" name="place" id='place' value=""/>
              <ul>
                <li>請選擇</li>
                <li onClick="$('#place').val('橫琴')">橫琴</li>
                <li onClick="$('#place').val('華發')">華發</li>
                <li onClick="$('#place').val('前山')">前山</li>
                <li onClick="$('#place').val('拱北')">拱北</li>
                <li onClick="$('#place').val('井岸')">井岸</li>
              </ul>
            </div>
          </div>
          <div class="col-md-6 col-xs-6">
            <label>面積：</label>
            <div class="rantal_select">
              <p class="select_title"><span>請選擇</span><i class="fa fa-angle-down search_ico"></i></p>
              <input type="hidden" name="place" id='mianji' value=""/>
              <ul>
                <li>請選擇</li>
                <li onClick="$('#mianji').val('橫琴')">橫琴</li>
                <li onClick="$('#mianji').val('華發')">華發</li>
                <li onClick="$('#mianji').val('前山')">前山</li>
                <li onClick="$('#mianji').val('拱北')">拱北</li>
                <li onClick="$('#mianji').val('井岸')">井岸</li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="row clear">
      <div class="col-md-6 col-xs-12">
        <label>戶型 :</label>
        <div class="house">
          <div class="rantal_select">
            <p class="select_title"><span>1</span><i class="fa fa-angle-down search_ico"></i></p>
            <input type="hidden" name="place" id='huxing' value=""/>
            <ul>
              <li onClick="$('#huxing').val('1')">1</li>
              <li onClick="$('#huxing').val('2')">2</li>
              <li onClick="$('#huxing').val('3')">3</li>
            </ul>
          </div>
          <label>室</label>
        </div>
        <div class="house">
          <div class="rantal_select">
            <p class="select_title"><span>1</span><i class="fa fa-angle-down search_ico"></i></p>
            <input type="hidden" name="place" id='ting' value=""/>
            <ul>
              <li onClick="$('#ting').val('1')">1</li>
              <li onClick="$('#ting').val('2')">2</li>
              <li onClick="$('#ting').val('3')">3</li>
            </ul>
          </div>
          <label>廳</label>
        </div>
        <div class="house">
          <div class="rantal_select">
            <p class="select_title"><span>1</span><i class="fa fa-angle-down search_ico"></i></p>
            <input type="hidden" name="place" id='ce' value=""/>
            <ul>
              <li onClick="$('#ce').val('1')">1</li>
              <li onClick="$('#ce').val('2')">2</li>
              <li onClick="$('#ce').val('3')">3</li>
            </ul>
          </div>
          <label>廁</label>
        </div>
      </div>
      <div class="col-md-6 col-xs-12">
        <div class="row">
          <div class="col-md-6 col-xs-6">
            <label>類型：</label>
            <div class="rantal_select">
              <p class="select_title"><span>請選擇</span><i class="fa fa-angle-down search_ico"></i></p>
              <input type="hidden" name="place" id='leixing' value=""/>
              <ul>
                <li>請選擇</li>
                <li onClick="$('#leixing').val('橫琴')">橫琴</li>
                <li onClick="$('#leixing').val('華發')">華發</li>
                <li onClick="$('#leixing').val('前山')">前山</li>
                <li onClick="$('#leixing').val('拱北')">拱北</li>
                <li onClick="$('#leixing').val('井岸')">井岸</li>
              </ul>
            </div>
          </div>
          <div class="col-md-6 col-xs-6">
            <label>樓層：</label>
            <div class="rantal_select">
              <p class="select_title"><span>請選擇</span><i class="fa fa-angle-down search_ico"></i></p>
              <input type="hidden" name="place" id='lc' value=""/>
              <ul>
                <li>請選擇</li>
                <li onClick="$('#lc').val('橫琴')">橫琴</li>
                <li onClick="$('#lc').val('華發')">華發</li>
                <li onClick="$('#lc').val('前山')">前山</li>
                <li onClick="$('#lc').val('拱北')">拱北</li>
                <li onClick="$('#lc').val('井岸')">井岸</li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="row clear">
      <div class="col-md-12 clear">
        <label>出租：</label>
        <div class="col-lease">
          <label class="phone_clear">租期：</label>
             <input name="time" type="radio"/>
          <label>一年</label>
        <input name="time" type="radio"/>
          <label>二年</label>
         <input name="time" type="radio"/>
          <label>五年</label>
          
          <label class="phone_clear col-fz">現狀：</label>
          <input name="time1" type="radio"/>
          <label>吉屋</label>
          <input name="time1" type="radio"/>
          <label>自用</label>
            <input name="time1" type="radio"/>
          <label>帶租約</label>
        
        </div>
      </div>
      <div class="col-md-12 rantal_price clear">
        <label>價格：</label>
        <div class="rantal_select">
          <p class="select_title"><span>100mop</span><i class="fa fa-angle-down search_ico"></i></p>
          <input type="hidden" name="place" id='jg' value=""/>
          <ul>
           
            <li onClick="$('#jg').val('100')">100mop</li>
            <li onClick="$('#jg').val('200')">200mop</li>
            <li onClick="$('#jg').val('300')">300mop</li>
          </ul>
        </div>
        <label class="price_label">管理費</label>
        <input name="price" type="checkbox"  checked/>
      </div>
      <div class="col-md-12 place clear">
        <label>物業地址：</label>
        <input type="text" />
      </div>
      <div class="col-md-12 clear">
        <label>裝修程度：</label>
        <div class="col-lease">
          <input name="renovation" type="radio"/>
          <label>無裝修</label>
          <input name="renovation" type="radio"/>
          <label>簡單裝修</label>
          <input name="renovation" type="radio" class="phone_clear"/>
          <label>中檔裝修</label>
          <input name="renovation" type="radio"/>
          <label>豪華裝修</label>
          <input name="renovation" type="radio"/>
          <label>精裝修</label>
        </div>
      </div>
      <div class="col-md-12 clear">
        <label>配套設施：</label>
        <div class="col-lease">
        <input name="facilities" type="checkbox" />
          <label>電視機</label>
           <input name="facilities" type="checkbox" />
          <label>冰箱</label>
           <input name="facilities" type="checkbox" />
          <label>單人床</label>
         <input name="facilities" type="checkbox" class="phone_clear"/>
          <label>雙人床</label>
              <input name="facilities" type="checkbox"/>
          <label>衣櫃</label>
     <input name="facilities" type="checkbox" />
          <label>冷氣</label>
           <input name="facilities" type="checkbox"  />
          <label>洗衣機</label>
         
        </div>
      </div>
      <div class="col-md-12 clear">
        <label>訂金要求：</label>
        <div class="col-lease">
         <input type="text">
        </div>
      </div>
      <div class="col-md-12 description clear">
        <label>房屋描述：</label>
        <textarea name="description" cols="" rows=""></textarea>
      </div>
      <div class="col-md-12 upload clear">
        <label>物業圖片：</label>
       <div class="file_li">
        <a href="#">逐張上傳</a>
        <input type="file" class="file_1" onchange="document.getElementById('textfield').value=this.value">
        <input type="text" name="textfield" id="textfield" class="txt"> 
        
       </div>
         <div class="file_li file_2">
         <a href="#">批量上傳</a>
         <input type="file" class="file_1" onchange="document.getElementById('textfield_2').value=this.value">
          <input type="text" name="textfield" id="textfield_2" class="txt"> 
          
         </div> 
        </div>
       
       <div class="col_name col-md-12"> <label>委託人聯繫資料</label></div>
      <div class="col-md-12 col-contact clear col-xs-12">
        <label class="phone_clear">姓名:</label>
        <input type="text"  class="rantal_name"/>
        <label class="phone_clear">電話:</label>
        <input type="text"  class="rantal_phone"/>
        <label class="phone_clear">郵箱:</label>
        <input type="text"  class="rantal_mail"/>
        <label class="clear">地址:</label>
        <input type="text"  class="rantal_address"/>
      </div>
      <div class="confirmation col-md-12 clear"> <a href="#">確認委託</a> </div>
    </div>
  </div>
</div>
<!--footer-->
<div class="footer">
  <div class="footer_content">
   
      <div class="footer_top">
        <div class="footer_line"></div>
        <div class="footer_top_title">順發優勢</div>
        <div class="footer_line"></div>
      </div>
      <div class="footer_bottom">
        <div class="footer_bottom_content">
          <div class="footer_ico ico footer_ico"></div>
          <div class="footer_bottom_title">真實</div>
        </div>
        <div class="footer_bottom_content">
          <div class="footer_ico2 ico footer_ico"></div>
          <div class="footer_bottom_title">及時</div>
        </div>
        <div class="footer_bottom_content">
          <div class="footer_ico3 ico footer_ico"></div>
          <div class="footer_bottom_title">專業</div>
        </div>
      </div>
      <div class="copynight">Copynight @ 2014Soufun Holdings Limited,All Right Rwserved順發地產 版權所有</div>
    </div>

</div>
<!--footer end--> 
<a class="go_top" href="javascript:goTop();"><i class="fa fa-caret-up"></i></a> 
<script src="js/jquery.min.js"></script> 
<script src="js/bootstrap.min.js"></script> 
<script src="js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script> 
<script src="js/sf_js.js"></script>
</body>
</html>
